<template>
  <div class="step-container">
    <Atabs v-model="tabsActive" :options="tabsOptions" />
    <Steps3
      v-if="tabsActive == 1"
      :id="id"
      :bussType="bussType"
      :disabled="true"
      @loading="handleLoading"
    />
    <Steps4
      v-if="tabsActive == 2"
      :id="id"
      :bussType="bussType"
      :disabled="true"
      @loading="handleLoading"
    />
  </div>
</template>
<script>
import Atabs from '@/components/Tabs/Atabs.vue';
import Steps3 from './Steps3.vue';
import Steps4 from './Steps4.vue';
export default {
  props: {
    id: {
      type: String,
    },
    bussType: {
      default: '1',
    },
  },
  components: {
    Atabs,
    Steps3,
    Steps4,
  },
  data() {
    return {
      // tab 切换
      tabsActive: '1',
      tabsOptions: [
        { label: '申请表' , value: '1' },
        { label: '材料清单' , value: '2' }
      ]
    };
  },
  methods: {
    // 加载中
    handleLoading(status) {
      this.$emit('loading', status);
    }
  },
};
</script>
<style lang="scss" scoped>
.step-container {
  margin-top: 30px;
  width: 100%;
  .down {
    color: #3c8cf1;
    cursor: pointer;
  }
}
</style>
